<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* ul{
            list-style-type: circle;
            list-style-position: inside;
            list-style-image: url();
            list-style: circle outside url();
        }
        ul{
            list-style-type: none;;
        } */
         table{
            border-spacing: 20px 30px;
            /* width: 50px;
            height: 50px; */
         }
         #page{
            cursor: pointer;
         }
         img{
            filter: blur(2px);
            filter: saturate(100%);
         }
    </style>
</head>
<body>
    <!-- <ul>
        <li>woen1</li>
        <li>woen2</li>
        <li>woen3</li>
        <li>woen4</li>
        <li>woen5</li>
    </ul> -->
    <!-- <table border="1">
        <tr>
            <td>women1</td>
            <td>women2</td>
            <td>women3</td>
            <td>women4</td>
            <td>women5</td>
        </tr>
        <tr>
            <td>women1</td>
            <td>women2</td>
            <td>women3</td>
            <td>women4</td>
            <td>women5</td>
        </tr>
        <tr>
            <td>women1</td>
            <td>women2</td>
            <td>women3</td>
            <td>women4</td>
            <td>women5</td>
        </tr>
    </table> -->

    <!-- <span>womeb1</span><br><span>womeb2</span><br><span>womeb3</span><br><span>womeb4</span><br>
      -->
    <!-- <div id="page">点击跳转百度</div>
    <script type="text/javascript">
        document.getElementById("page").onclick=function(){
            window.location="http://baidu.com"
        }
 </script> -->
 <img src="../duck.jpg" alt="duck">
</body>
</html>